<template>
  <div class="form-box">
    <div class="form-title">填写收益所有人信息</div>
    <div class="text-box">
      根据所适用法律规定，我们需向贵公司收集受益所有人信息。
    </div>
    <div class="text-bold-box">
      受益所有人:实际管控、管理公司并享有公司最终收益的自然人。具体是指，直接或间接通过股权、授权或其他形式法律安排拥有公司25%以上股权、投票权的自然人。
    </div>
    <div class="form-content-box">
      <el-form
        :model="form"
        label-width="auto"
        style="max-width: 600px; margin: auto"
      >
        <el-form-item>
          <div class="radio-title">1、法人代表【XXX】是否为受益所有人?</div>
          <el-radio-group v-model="form.resource">
            <el-radio value="1">是</el-radio>
            <el-radio value="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item>
          <div class="radio-title">2、贵公司是否还有其他的受益所有人?</div>
          <el-radio-group v-model="form.resource">
            <el-radio value="1">是</el-radio>
            <el-radio value="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item>
          <div class="btn-box">
            <el-button type="primary" @click="next">上一步</el-button>
            <el-button>保存</el-button>
            <el-button type="primary" @click="next">下一步</el-button>
          </div>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>
  <script setup>
import { reactive, defineEmits } from "vue";
const emit = defineEmits();

// do not use same name with ref
const form = reactive({
  name: "",
  region: "",
  date1: "",
  date2: "",
  delivery: false,
  type: [],
  resource: "",
  desc: "",
  num: 0,
});

const next = () => {
  console.log("submit!");
};
</script>
  <style lang="less" scoped>
.form-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  .form-title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 1.5rem;
    color: #000000;
    margin: 1.5rem 0;
  }
  .text-box {
    margin: auto;
    width: 600px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 0.875rem;
    color: #000000;
    text-align: left;
    font-style: normal;
  }
  .text-bold-box,.radio-title {
    margin: auto;
    margin-top: 1.5rem;
    width: 600px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 1rem;
    color: #000000;
    line-height: 1.75rem;
    text-align: left;
    font-style: normal;
  }
}
.btn-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 100px;
  box-sizing: border-box;
}
</style>